<!DOCTYPE html>
<html lang="en">
<head>
<title>Projects</title>
<meta charset="utf-8">
<meta name = "format-detection" content = "telephone=no" />
<link rel="icon" href="images/favicon.ico">
<link rel="shortcut icon" href="images/favicon.ico" />
<link rel="stylesheet" href="css/style.css">
<script src="js/jquery.js"></script>
<script src="js/jquery-migrate-1.1.1.js"></script>

<script src="js/superfish.js"></script>
<script src="js/jquery.equalheights.js"></script>
<script src="js/jquery.mobilemenu.js"></script>
<script src="js/script.js"></script> 

<script src="js/jquery.ui.totop.js"></script>
<script src="js/tweens.js"></script>

<script>
 $(window).load(function(){
  $().UItoTop({ easingType: 'easeOutQuart' });
  
 }); 
</script>
<!--[if lt IE 8]>
 <div style=' clear: both; text-align:center; position: relative;'>
   <a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
     <img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
   </a>
</div>
<![endif]-->
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<link rel="stylesheet" media="screen" href="css/ie.css">
<![endif]-->
</head>

<body>
  <div class="main">
<!--==============================
              header
=================================-->
  <header>
<section id="stuck_container">
  <!--==============================
              Stuck menu
  =================================-->
    <div class="container">
      <div class="row">
        <div class="grid_12 rel">
          <h1>
            <a href="index.html">
              <img src="images/logo.png" alt="Logo alt">
            </a>
          </h1>
           <form id="search" action="search.php" method="GET">
            <div class="rel">
              <label>
                <input type="text" name="s" value="">
              </label>
              <a onClick="document.getElementById('search').submit()" class="fa  fa-search"></a>
            </div>
             <div class="clear"></div>
           </form>
          <div class="navigation ">
            <nav>
              <ul class="sf-menu">
               <li><a href="index.html">Home</a></li>
               <li><a href="index-1.html">About Us</a>
                 <ul>
                    <li><a href="#">Vestibulum iaculis</a></li>
                    <li><a href="#">Fusce euismod conuat</a>
                      <ul>
                        <li><a href="#">Pellentesque sed</a></li>
                        <li><a href="#">Aliquam congue ferm</a></li>
                        <li><a href="#">Mauris accum</a></li>
                      </ul>
                    </li>
                    <li><a href="#">Pellentesque</a></li>
                 </ul>
               </li>
               <li><a href="index-2.html">Services</a></li>
               <li class="current"><a href="index-3.html">Projects</a></li>
               <li><a href="index-4.html">Contacts</a></li>
               <li><a href="index-5.html">Blog</a></li>
             </ul>
            </nav>
        
            <div class="clear"></div>
          </div>       
         <div class="clear"></div>  
        </div>
     </div> 
    </div> 
    </section>
  </header>

<!--=====================
          Content
======================-->
<section class="content">
  <div class="container">
    <div class="row">
      <div class="grid_12">
        <h3 class="anim_top">our PROJECTS</h3>
      </div>
      <div class="grid_4">
        <div class="box">
          <div class="maxheight">
            <a href="full-gallery-1.html" class="gall_item"><img src="images/page4_img1.jpg" alt=""><span></span></a>
            <div class="text1"><a href="#">Donec porta diam eu massa</a></div>
            Sed laoreet aliquam leo. Ut tellus dolor, dapibus eget, elementum vel, cursus eleifend, elit. 
          </div>
        </div>
      </div>
      <div class="grid_4">
        <div class="box">
          <div class="maxheight">
            <a href="full-gallery-2.html" class="gall_item"><img src="images/page4_img2.jpg" alt=""><span></span></a>
            <div class="text1"><a href="#">Donec eget tellus non erat lacinia </a></div>
            Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Integer rutrum ante eu lacus.
          </div>
        </div>
      </div>
      <div class="grid_4">
        <div class="box">
          <div class="maxheight">
            <a href="full-gallery-1.html" class="gall_item"><img src="images/page4_img3.jpg" alt=""><span></span></a>
            <div class="text1"><a href="#">Donec in velit vel ipsum auctor</a></div>
            Quisque nulla. Vestibulum libero nisl, porta vel, scelerisque egetmalesu ada at, neque. 
          </div>
        </div>
      </div>
      <div class="clear sep__3"></div>
      <div class="grid_4">
        <div class="box">
          <div class="maxheight">
            <a href="full-gallery-2.html" class="gall_item"><img src="images/page4_img4.jpg" alt=""><span></span></a>
            <div class="text1"><a href="#">Quisque diam lorem, interdum vita</a></div>
            Aliquam erat volutpat. Duis ac turpis. Integer rutrum ante eu lacus. Quisque nulla. Vestibulum libero.
          </div>
        </div>
      </div>
      <div class="grid_4">
        <div class="box">
          <div class="maxheight">
            <a href="full-gallery-1.html" class="gall_item"><img src="images/page4_img5.jpg" alt=""><span></span></a>
            <div class="text1"><a href="#">Wermentum onec in velit vel ipsum </a></div>
            Scelerisque egetmalesu ada at, neque. Vivamus eget nibh. Etiam cursus leo vel metus. Nulla facilisi. 
          </div>
        </div>
      </div>
      <div class="grid_4">
        <div class="box">
          <div class="maxheight">
            <a href="full-gallery-2.html" class="gall_item"><img src="images/page4_img6.jpg" alt=""><span></span></a>
            <div class="text1"><a href="#">Proin ullamcorper urna et felis</a></div>
            Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae suspendisse. 
          </div>
        </div>
      </div>
      <div class="clear sep__3"></div>
      <div class="grid_4">
        <div class="box">
          <div class="maxheight">
            <a href="full-gallery-1.html" class="gall_item"><img src="images/page4_img7.jpg" alt=""><span></span></a>
            <div class="text1"><a href="#">Dapibus ac, scelerisque vitae, pede</a></div>
            Scelerisque egetmalesu ada at, neque. Vivamus eget nibh. Etiam cursus leo vel metus. Nulla facilisi. 
          </div>
        </div>
      </div>
      <div class="grid_4">
        <div class="box">
          <div class="maxheight">
            <a href="full-gallery-2.html" class="gall_item"><img src="images/page4_img8.jpg" alt=""><span></span></a>
            <div class="text1"><a href="#">Auctor pulvinar proin ullamcorper</a></div>
            Aenean nec eros. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia.
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<!--==============================
              footer
=================================-->
<footer id="footer">
  <div class="footer_top">
    <div class="container">
      <div class="row">
        <div class="grid_5 anim_left">
          <h4>Get in touch</h4>
          <div class="row">
            <div class="grid_3">
              <address class="f_address">
                <p>8901 Marmora Road <br>
                Glasgow, DO4 89GR.<br>
                <span>Freephone:</span>  +1 800 559 6580<br>
                <span>Telephone:</span>   +1 959 603 6035<br>
                <span>FAX:</span>            + 1 504 889 9898</p>

                E-mail: <a href="#">mail@demolink.org</a>
              </address>
            </div>
            <div class="grid_2">
              <ul class="f_menu">
               <li><a href="index.html">Home</a></li>
               <li><a href="index-1.html">About us</a></li>
               <li><a href="index-2.html">Services</a></li>
               <li class="current"><a href="index-3.html">Projects</a></li>
               <li><a href="index-4.html">Contacts</a></li>
               <li><a href="index-5.html">Blog</a></li>
             </ul>
            </div>
          </div>
        </div>
        <div class="grid_4 ">
          <h4>Follow us</h4>
          <div class="footer_socials">
            <a href="#" class="fa fa-google-plus"></a>
            <a href="#" class="fa fa-twitter"></a>
            <a href="#" class="fa fa-facebook"></a>
            <a href="#" class="fa fa-pinterest"></a>
            <a href="#" class="fa fa-linkedin"></a>
          </div>
        </div>
        <div class="grid_3 anim_right">
          <h4>Join our newsletter</h4>
          
          <p>And always stay informed of the latest science news and events!</p>
          <a href="#" class="btn"><span data-content="Sign up">Sign up</span>
            <div class="fa fa-angle-double-right"></div>
          </a>
        </div>
      </div>
    </div>
  </div>
  <div class="container">
    <div class="row">
      <div class="grid_12">  
         <div class="copyright"> &copy; <span id="copyright-year"></span> Science Lab.  <a href="index-6.html">Privacy Policy</a> 
         </div>
      </div>
    </div>
  </div>  
</footer>
</div>
</body>
</html>

